<template>
  <div class="approving">
      <div class="title">
            <div class="approve_ing" v-if="approveStatus==0">
                <i class="iconfont icon-shenhe"></i>
                <span>正在审核</span>
            </div>
            <div class="approve_success" v-if="approveStatus==1">
                <i class="iconfont icon-duigou"></i>
                <span>实名认证成功</span>
            </div>
            <div class="approve_faild" v-if="approveStatus==2">
                <i class="iconfont icon-shibai"></i>
                <span>以下信息认证失败</span>
            </div>
      </div>
      <div class="user">
          <p>
              <span class="f20">谭舒仁</span>
              <i class="iconfont icon-shimingrenzheng"></i>
          </p>
          <p class="f20">41125689756425</p>
      </div>
  </div>
</template>

<script>
    export default {
        name:'approving',
        data(){
            return{
                approveStatus:0,  //0:审核中,1:审核成功,2:审核失败
            }
        }
    }
</script>

<style lang="scss" scoped>
    @import '../../../../style/var.scss';

    .approving{
        width:100%;
        height:100%;
        
        .icon-shenhe{color:$primary;}
        .icon-duigou{color:$fill_green;}
        .icon-shibai{color:red;}
        .title div{
            display: flex;
            flex-direction: column;
            align-items: center;
            padding:150px;
            .iconfont{
                font-size: 120px;
            }
            span{font-size: 20px;padding:50px 0;}
        }

        .user{
            display: flex;
            flex-direction: column;
            align-items: center;
        }

    }
</style>
